* {
	margin: 0;
	padding: 0;
	font-family: 'PingFangSC-Regular', 'PingFang SC';
}

.fs10 {
	font-size: 10px !important;
}

.fs12 {
	font-size: 12px !important;
}

.fs13 {
	font-size: 13px !important;
}

.fs14 {
	font-size: 14px !important;
}

.c3 {
	color: #333 !important;
}

.c153 {
	color: rgba(153, 153, 153, 0.64) !important;
}

ul {
	list-style: none;
}

body {
	margin: 0 auto;
}

.container {
	width: 100%;
	// height: 1000px;
	background-color: #f0f2f5;
	padding: 10px;
}

.box {
	display: flex;
	.left {
		// flex: 1;
		width: 475px;
		height: 410px;
		background-color: #fff;
		overflow: hidden;
		img {
			width: 450px;
			height: 450px;
		}
	}
	.right {
		flex: 1;
		// width: 940px;
		height: 410px;
		background-color: #fff;
		margin-left: 10px;
		padding: 0 5px;
		text-align: center;
		// 导航条
		> ul {
			margin-top: 15px;
			display: flex;
			height: 46px;
			line-height: 46px;
			border-bottom: 1px solid rgba(233, 233, 233, 1);
			> li {
				position: relative;
				padding: 0 15px;
				font-weight: 400;
				font-size: 14px;
				cursor: pointer;
				span {
					// color: #FF9966;
					color: #ff0000;
				}
			}
			.active {
				color: #1890ff;
				&::after {
					content: '';
					width: 100%;
					height: 2px;
					background-color: #1890ff;
					position: absolute;
					left: 0;
					bottom: -1px;
				}
			}
		}
		// 表格
		table {
			margin-top: 10px;
			width: 750px;
			height: 300px;
			border: 1px solid rgba(235, 235, 235, 1);
			border-collapse: collapse;
			.theader {
				background-color: #fafafa;
			}
			tr {
				th {
					height: 35px;
					border: 1px solid rgba(235, 235, 235, 1);
				}
				td {
					font-size: 12px;
					color: rgba(0, 0, 0, 0.65);
					border: 1px solid rgba(235, 235, 235, 1);
					> a {
						font-weight: 400px;
						color: rgba(153, 153, 153, 0.64);
					}
					img {
						width: 28px;
						height: 23px;
					}
				}
			}
		}
		.nav-content {
			.msg {
				padding: 30px;
				width: 90%;
				ul {
					display: flex;
					text-align: left;
				}
				li {
					flex: 1;
					line-height: 42px;
					color: rgba(0, 0, 0, 0.85);
					span {
						color: rgba(0, 0, 0, 0.65);
					}
				}
				.footer {
					display: flex;
					text-align: left;
					p {
						flex: 1;
						color: rgba(0, 0, 0, 0.85);
					}
					> div {
						flex: 11;
						color: rgba(0, 0, 0, 0.65);
					}
				}
			}
		}
		// 分页
		// .page {}
	}
}

.msg2 {
	width: 100%;
	background-color: #fff;
	> ul {
		margin-top: 15px;
		display: flex;
		height: 46px;
		line-height: 46px;
		border-bottom: 1px solid rgba(233, 233, 233, 1);
		> li {
			position: relative;
			padding: 0 15px;
			font-weight: 400;
			font-size: 14px;
			cursor: pointer;
			span {
				// color: #FF9966;
				color: #ff0000;
			}
		}
		.active {
			color: #1890ff;
			&::after {
				content: '';
				width: 100%;
				height: 2px;
				background-color: #1890ff;
				position: absolute;
				left: 0;
				bottom: -1px;
			}
		}
	}
	.content {
		padding: 20px;
		table {
			width: 90%;
		}
		tr {
			width: 100%;
			display: flex;
			td {
				flex: 1;
				line-height: 55px;
				color: rgba(0, 0, 0, 0.85);
				span {
					color: rgba(0, 0, 0, 0.65);
				}
			}
		}
	}
}
